<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" type="text/css" href="${request.contextPath}/assets/printer/printPage.css?v=3653060703">
    <style type="text/css">
        .h1 {
            font-size: 20pt;
            line-height: 30pt;
            font-weight: 800;
        }

        .h2 {
            font-size: 10pt;
            line-height: 20pt;
            font-weight: 400;
        }

        .strong {
            font-weight: 800;
        }

        #describe {
            max-height: 33em;
            overflow: auto;
        }

        #describe img {
            max-height: 50mm;
            max-width: 50mm;

        }
    </style>
    <!-- 打印设置 -->
    <style type="text/css" media=print>
        #header, .top_title, #jqprint, #footer, #cssprint {
            display: none
        }

        .Noprint {
            display: none
        }

        .Noboder {
            border: 0px solid #000;
            margin: 0px;
            height: 10px;
            width: auto;
        }

        .pages {
            border: 0px solid #000;
            margin: 0px;
        }

        .Minprint {
            height: auto;
            width: 277mm;
            border: 0px solid #666666;
        }

        .PageNext {
            page-break-after: always;
        }

        .Hidden {
            visibility: hidden;
        }
    </style>
    <script src="${request.contextPath}/assets/js/jquery-1.12.4.min.js?v=3653060703" type="text/javascript"></script>
    <script src="${request.contextPath}/assets/js/json2.js?v=3653060703" type="text/javascript"></script>
    <script type="text/javascript">
        //        A4:'210,297',
        $(function () {
            $(".pages").css('width', '180mm');
            $(".pages").css('height', '257mm');
            $(".pages").css('padding', '20mm 15mm');
            $(".pages").css('font-size', '10pt');
        })

        function printIE() {
            window.print();
        }
    </script>
</head>
<body style="background-color: #CCCCCC;">
<div class="tool Noprint">
    <table width="1000" border="0" align="center" cellpadding="2" cellspacing="0">
        <tr>
            <td colspan="12" align="center">
                <input name="print" type="button" class="bt" value="开始打印" onclick="printIE();"/></td>
        </tr>
    </table>
    <br/>
</div>
<div style="height:100px" class="Noprint"></div>
<div class="printPaper Noboder ">
    <div class="pages PageNext">
        <table cellspacing="0" cellpadding="0" width="100%">
            <tr>
                <td colspan="5" class="h1" align="center">报修服务单</td>
            </tr>
            <tr class="h2">
                <td width="100">打印平台：</td>
                <td>${systemName}</td>
                <td>　</td>
                <td width="100" align="right">打印时间：</td>
                <td width="150" align="right">${printTime}</td>
            </tr>
        </table>
        <table cellspacing="0" cellpadding="0" class="tabborder">
            <col width="80">
            <col width="140">
            <col width="80">
            <col width="140">
            <col width="90">
            <col width="140">
            <tr>
                <td class="strong">报修单位</td>
                <td>${orgInfo.topName}</td>
                <td class="strong">报修人</td>
                <td>${mainData.applyStaffName}</td>
                <td class="strong">报修人电话</td>
                <td>${mainData.telephone}</td>
            </tr>
            <tr>
                <td class="strong">使用位置</td>
                <td colspan="5">${mainData.usePosition}</td>
            </tr>
            <tr>
                <td class="strong">资产名称</td>
                <td colspan="3" style="height: 4em;  overflow: hidden;">${mainData.equipmentName}</td>
                <td class="strong">资产编码</td>
                <td>${mainData.equipmentCode}</td>
            </tr>
            <tr>
                <td class="strong">报修类型</td>
                <td>${mainData.questionTypeName}</td>
                <td class="strong">维修人</td>
                <td>${submitRecord.toStaffName}</td>
                <td class="strong">维修人电话</td>
                <td>${submitRecord.telephone}</td>
            </tr>
            <tr>
                <td class="strong" style="height: 33em; overflow: hidden;">问题描述</td>
                <td colspan="5" align="left" valign="top">
                    <div id="describe">
                        　${mainData.questionDescripe} <br/>
                    <#list supplementData as item>

                        <span class="h2 strong">${item.dataTypeName} ${item.createTime?string('yyyy-MM-dd hh:mm')}
                            ：</span>
                        <div style="display: flex">
                            <div style="margin-right: 2em">
                                <img src="${item.fileAddress}"/>
                            </div>
                            <div style="flex: 1">
                            ${item.fileDescribe}
                            </div>
                        </div>
                    </#list>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="strong">报修时间</td>
                <td>${mainData.createTime?string('yyyy-MM-dd hh:mm')}</td>
                <td class="strong">审核时间</td>
                <td>${mainData.checkTime?string('yyyy-MM-dd hh:mm')}</td>
                <td class="strong">派单时间</td>
                <td>${submitRecord.createTime?string('yyyy-MM-dd hh:mm')}</td>
            </tr>
            <tr>
                <td class="strong" style="height: 3em; overflow: hidden;">完成时间</td>
                <td></td>
                <td class="strong">维修结果</td>
                <td colspan="3">□ 修理成功 □ 修理失败 □ 其他____________________________</td>
            </tr>
            <tr>
                <td class="strong">维修方式</td>
                <td colspan="5" style="height: 6em; overflow: hidden;">　</td>
            </tr>
            <tr>
                <td class="strong">报修人确认</td>
                <td colspan="5" style="height: 2em; overflow: hidden; padding-top:4em;">验收人（签字）：________________________
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;验收时间：________________________
                </td>

            </tr>
        </table>
    </div>
</div>
</body>

</html>
